<!--轮播图复习单词界面-->
<template>
  <div>
    <el-page-header @back="goBack" content="轮播图复习"></el-page-header>
    <div >
      <el-carousel :interval="5000" arrow="always" padding="40px" height="600px" >
        <el-carousel-item v-for="item in 4" :key="item">
          <h1 class="text">promote</h1>


          <h4 class="text1">
            <el-row>
              <el-col :span="9":offset="6">
                <el-button id="A" type="primary" plain >A 促进</el-button>
                <!--              <span style="font-family: 宋体;font-size: large">促进</span>-->
              </el-col>
              <el-col :span="9">
                <el-button id="B" type="primary" plain>B 促进</el-button>
                <!--              <span style="font-family: 宋体;font-size: large">促进</span>-->
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="9" :offset="6">
                <el-button id="C" type="primary" plain> C 促进</el-button>
                <!--              <span style="font-family: 宋体;font-size: large">促进</span>-->
              </el-col>
              <el-col :span="9">
                <el-button id="D" type="primary" plain >D 促进</el-button>
                <!--              <span style="font-family: 宋体;font-size: large">促进</span>-->
              </el-col>
            </el-row>
          </h4>

        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>
<script>
export default {
  name: "CarouselRecite",

  methods: {
    goBack() {
      this.$router.push('/ReviewWord')
    }
  }
}
</script>
<style>
/*.el-carousel__item h3{*/
/*  color: #475669;*/
/*  font-size: 18px;*/
/*  opacity: 0.75;*/
/*  line-height: 300px;*/
/*  margin: 0;*/
/*}*/

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;

}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}
.text{
  text-align: center;
  line-height: 300px;
  font-size: 35px;
}
.text1{
  text-align: left;
  line-height: 80px;
  font-size: 30px;
}
</style>

